<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <meta name="format-detection" content="address=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
    <title>成功企业家俱乐部</title>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/gCenter.css"/>
    <script src="js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        /**jquery自动化执行代码*/
        $(function(){
            /* 判断用户登录状态，是否跳转至登录页 */
            $.ajax({
                url: "hxclub/sys/heart.do",
                async: false,
                type : "post",
                dataType : "json",
                success:function(d){
                    if(!d.success){
                        window.location.href = 'login.html?redirectUrl=gCenter.html';
                    }
                }
            });

            /* 获取下载文件地址 */
           /* $.ajax({
                url: "hxclub/member/getPath.do",
                async: false,
                type : "get",
                dataType : "json",
                success:function(d){
                    if(d.success){
                        var href = "";
                        for(var i=0;i<d.data.length;i++){
                            href = 'hxclub/member/down.do?id='+d.data[i].id;
                            /!* 加下载入会申请资料 更改用户状态 *!/

                            //console.log(href);
                            if(d.data[i].filetype==10){
                                $(".down .download1").attr("href",href+'&filetype=10');
                            }
                            if(d.data[i].filetype==25){
                                $(".down .download2").attr("href",href+'&filetype=25');
                            }
                        }

                    }
                }
            });
            */
        });
    </script>

    <script src="js/gCenter.js"></script>
    <script type="text/javascript" src="js/controller/comment/jquery.cookie.js"></script>
    <script type="text/javascript" src="js/controller/comment/template.js"></script>
    <script type="text/javascript" src="js/controller/comment/jQuery-artTemplate-wty.js"></script>
    <script type="text/javascript" src="js/controller/comment/laypage.js"></script>
    <script type="text/javascript" src="js/controller/comment/page.js"></script>
    <script>
        (function(win,doc){
            win.onload=win.onresize=function(){
                var w=doc.documentElement.clientWidth;
                if(w>640){
                    w=640;
                }else if(w<320){
                    w=320;
                }
                doc.documentElement.style.fontSize=100*w/320+'px'};
        })(window,document);

        var countdown=60;
        function settime(val) {
            if (countdown == 0) {
                val.removeAttribute("disabled");
                val.value="点击获取验证码";
                countdown = 60;
                return;
            } else {
                val.setAttribute("disabled", true);
                val.value="重新发送(" + countdown + ")";
                countdown--;
            }
            setTimeout(function() {
                settime(val)
            },1000)
        }
    </script>
</head>
<body>
<!--填充头部部分做准备-->
<div class="head" id="head">
    </div>
<div class="gray"></div>
<header><i></i>个人中心</header>
<div class="gnav">
    <ul>
        <li class="special">个人资料</li>
        <li>我的会员</li>
        <li>我的活动</li>
        <li>修改密码</li>
        <li>下载中心</li>
    </ul>
</div>
<div class="gcontainer">
    <div class="one same">
        <ul>
            <li><span class="left">姓名：</span><span class="right"></span></li>
            <li><span class="left">入会形式：</span><span class="right"></span></li>
            <li><span class="left">我的会员等级：</span><span class="vip right"></span></li>
            <li><span class="left">手机号：</span><span class="right"></span></li>
            <li><span class="left">邮箱：</span><span class="right"></span></li>
            <li><span class="left">公司名称：</span><span class="right"></span></li>
            <li class="job"><span class="left">目前职务：</span><span class="right"></span></li>
        </ul>
    </div>
    <div class="two same hide">
        <h1>当前进度</h1>
        <div class="level">
            <div class="one"><span class="round blue">1</span><span class="bottom">注册</span></div>
            <div class="two"><span class="round b c c1 e g i l o q">2</span><span class="bottom">下载入会申请材料</span></div>
            <div class="three"><span class="round c c1 e g i l o q">3</span><span class="bottom">上传材料扫描件</span></div>
            <div class="four"><span class="row round c1 e g i l o q">4</span><span class="vertical bottom review1">审核</span></div>
            <div class="five"><span class="round e g i l o q">5</span><span class="bottom">签订入会协议</span></div>
            <div class="six"><span class="round g i l o q">6</span><span class="bottom">上传协议扫描件</span></div>
            <div class="seven"><span class="round i l o q">7</span><span class="bottom money1">缴纳会费</span></div>
            <div class="eight"><span class="vertical1 bottom">上传回执单扫描件</span><span class="row round l o q">8</span></div>
            <div class="nine"><span class="round o q">9</span><span class="bottom review2">审核</span></div>
            <div class="ten"><span class="round q">10</span><span class="bottom">领取资格证书</span></div>
        </div>
        <p>注：入会申请材料请在电脑端下载</p>
    </div>
    <div class="three same hide">
        <div class="onload">
            <p>确定取消报名？</p>
            <div class="del sure">确&nbsp;&nbsp;定</div>
            <div class="less del">取&nbsp;&nbsp;消</div>
        </div>
        <p class="record">暂无任何报名记录</p>
        <ul id="active1">
            <script type="text/html" id="active1_list">
                {{each data.result as value i}}
                <li><img src="{{value.imgUrl}}" alt=""/><p class="stop">报名截止日期：</p><span>{{value.publishTime}}</span>
                    <button class="cancel" aid="{{value.id}}">取消报名</button></li>
                {{/each}}
            </script>
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
            <!--<li><img src="images/gmyactive.jpg" alt=""/><span>2016-01-10</span>-->
            <!--<button class="cancel">取消报名</button></li>-->
        </ul>
    </div>
    <div class="four same hide">

            <div class="secret">
                <div class="last">
                    <div class="phone"><span>手&nbsp;&nbsp;机&nbsp;&nbsp;号：</span><input id="pwd"  class="have myphone" type="text"/></div>
                    <div class="check"><span>验&nbsp;&nbsp;证&nbsp;&nbsp;码：</span><input id="yanzhengma" class="short have" type="text"/><input id="yzm" class="send" type="button" value="点击获取验证码"  onclick="settime(this)" /></div>
                    <button>下一步</button>
                </div>
                <div class="next">
                    <div class="new1"><span>新&nbsp;&nbsp;密&nbsp;&nbsp;码&nbsp;&nbsp; ：</span><input class="long have" type="password"/><img class="sure sure1 none" src="images/gsure.png" alt=""/><span class="false false1">新密码由6-12位数字、字母或下划线组成</span></div>
                    <div class="new2"><span>确认新密码：</span><input class="short have" type="password"/><img class="sure none sure2" src="images/gsure.png" alt=""/><span class="false none false2">您两次输入的密码不一致</span></div>
                    <button id="next">提&nbsp;&nbsp;&nbsp;&nbsp;交</button>
                </div>
            </div>



    </div>
    <div class="five same hide"><p>暂无任何记录</p></div>
</div>
<!--填充底部导航使用-->
<div id="footer">

</div>
<!--添加页面头部部分-->
<script>
    $.ajax({
        url:"l_heade.html",
        async:false,
        success:function(html){
            $("#head").append(html);
        }
    })
</script>
<!--添加页面底部导航-->
<script>
    $.ajax({
        url:"l_footer.html",
        async:false,
        success:function(html){
            $("#footer").append(html);
        }
    })
</script>
</body>
</html>